i/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Global properties
---------------------------------------- */
body {
    background:url(images/bg.gif) repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    line-height:1.25em;
    color:#64686b; /* #a7a7a7 */
}
html { min-width:960px;}
html, body { height:100%;}

#pretty{ z-index:900000000000000000000000000;}
.vam{ vertical-align:middle}


.bg_3{ background:url(images/tail1.gif) repeat-y 314px top}
.bg{ background:url(images/tail2.gif) repeat-y 314px top}

/* Global Structure
---------------------------------------- */
.main {
    margin: 0 auto;
    position: relative;
    width: 980px;
    font-size:.8125em;
    overflow:hidden;
}

/* Header */
header{
    height:228px;
    overflow:hidden;
}


/* Sidebar */
aside.bottom {
    background: url(images/bot.gif);
    position:relative
}
aside.bottom .inside {
/*    padding:25px 0 43px 54px;*/ 
    padding:15px 0 15px 54px; /** new **/
}

aside.bottom .bg{ background:url(images/tail.gif) repeat-y 523px top}

aside.bottom ul  {
    padding:0px 0px 0px 0px
}
aside.bottom ul li {
    border-bottom: 1px dotted #000000;
    color: #FFFFCC;
    font-size: 1.2em;
     font-weight: normal;
     margin: 9px 0 10px;
      padding: 0 0 2px;
/*    background:url(images/mark_footer.gif) no-repeat 0 5px;
    padding:0 0 2px 18px;
    position:relative;
    height:1%;*/
}
aside.bottom ul li a {
    color:#000000;
    font-weight:none;
    font-size:1em;
    text-decoration:none;
}
aside.bottom ul li a:hover {
    color:#FFFFFF;
}
/*ddd*/
aside.bottom ul  ol {
        background: url("images/mark_footer.gif") no-repeat scroll 0 4px transparent;
         padding: 0 0 2px 17px;
          color: #484848;
/*    padding:5px 2px 2px 0px;
        margin-left:12px;
        color:#2B3F3D;*/
}

 ol a {
   
        color:#484848;
    font-weight:none;
    font-size:1em;
    text-decoration:none;
/*    color:#2B3F3D;
    font-weight:bold;
    font-size:1em;
    text-decoration:none;*/
}
 ol a:hover {
    color:#FFFFFF;
}


aside.bottom .social-services {
    padding:10px 0 0 40px;
    border-left:1px solid #1d1d1d;
}
aside.bottom .social-services li {
    background:none !important;
    padding:0 0 11px 0 !important;
    overflow:hidden;
    position:relative;
    font-size:13px;
}
aside.bottom .social-services li a {
    display:block;
    padding:7px 0 7px 50px;
    float:left;
}
aside.bottom .social-services li a.rss {

}
aside.bottom .social-services li a.facebook {

}
aside.bottom .social-services li a.su {

}
aside.bottom h2 {
    color:#fff;
    font-family:Lane - Narrow;
    font-weight:normal;
    font-size:30px
}


/* Footer */
footer{
    background: url(images/bot.gif);
    color:#606060;
}
footer .container {
    border-top:1px solid #434343;
    margin: 0 auto;
    position: relative;
    width: 960px;
    font-size:.75em;
    height: 60px; /** new **/
    overflow: hidden; /** new **/
}
footer .indent{ padding:19px 0px 80px 17px}

footer {
    color:#606060;
    text-transform:uppercase
}
footer a {
    color:#606060;
    text-decoration:underline;
}
footer a:hover {
    text-decoration:none;
}
footer span {
    color:#606060;
}



/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
    width:100%;
    overflow:hidden;
}

/* indents */
.inside{ padding: 20px; }
.indent-right {padding-right:15px;}
.indent1 {padding:30px 0 0 10px;}

.indent {padding:20px 0 0 0px; }
.indent-1 {padding:40px 0 0 0px;}
.indent-2 {float:left; padding-right:10px}
.indent-3 {float:left;  padding-left:10px;}
.indent-4 {float:left; }

#content .inside { padding:0 10px 0 10px;}
#content .inside-left { padding:0 0 0 10px;}
#content .inside-right { padding:0 10px 0 0;}

.indent-col{padding:25px 35px 0px 60px}
.indent-col1{padding:25px 0px 20px 0px}
.indent-col2{padding:25px 0px 0px 60px}

.block-contact span{ float:right; padding-right:170px }
.img-indent{ margin-bottom:15px}

.indent-col .txt{ font-size:28px; color:#6f6f6f; display:block; margin-bottom:11px; line-height:1.16em}

/* Paragraph styling */
p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}


/*----- txt, links, lines, titles -----*/
a {color:#01cad6; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }

.txt5{ font-size:18px; color:#626262; line-height:1.33em}
.txt6{ font-size:16px; color:#a7a7a7; line-height:1.5em}

.link1{ text-decoration:none}
.link1:hover{ text-decoration: underline}

blockquote {
    margin:0 5px 10px 5px;
    padding:0 10px 10px 42px;
    font-size:16px;
    line-height:1.2em;
    color:#88e1f9;
    font-weight:normal;
    quotes:none;
    background:url(images/quotes.gif) no-repeat 0 0;
}
blockquote.left {border-right:1px dashed #ccc; width:35%; float:left; margin-right:20px; padding-right:0px; background:none; padding-left:0; margin-left:0; line-height:25px}
blockquote.right {border-left:1px dashed #ccc; width:35%; float:right; margin-left:20px; padding-left:30px; background-position:20px 0; background:none; line-height:25px}


ins {
    background-color:#01cad6;
    font-size:12px;
    padding:2px;
    font-family:Verdana, Geneva, sans-serif;
    color:#fff;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    color:#01cad6;
    border-bottom:1px dotted #01cad6; text-transform:uppercase;
    cursor:help;
}

em, dfn , site 		   { font-style:normal; color:#01cad6}
dfn 	 		     {font-size:14px; letter-spacing:3px; color:#01cad6; font-family:Verdana, Geneva, sans-serif; font-style:italic}
sup	   { padding-bottom:10px; font-size:10px}
sub 		   { vertical-align:bottom; font-size:10px}
abbr, acronym  { border-bottom:1px dashed #01cad6; color:#01cad6}
address 		   { margin:0 0 1.5em;font-style:normal;}
del 			     { color:#1f1f1f;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#01cad6; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333;}
pre 			     { white-space:pre;}
q{ color:#01cad6; font-size:15px; font-family:"Courier New", Courier, monospace}
small{ font-size:10px;}
big{ font-size:21px;}
kbd{ font-size:11px; font-family:"Courier New", Courier, monospace}
samp{ font-size:11px; font-family:"Courier New", Courier, monospace}

/* Custom select color */
::selection {
    background: #01cad6;
    color:#fff;					 /* Safari */
}
::-moz-selection {
    background: #01cad6; /* Firefox */
    color:#fff;
}


/*  Header styles */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.2em; color:#484848;}
h1 {	font-size:48px; } 
h2 {	font-size:40px;} 
h3 {	font-size:30px; } 
h4 {	font-size:22px;} 
h5 {	font-size:18px; } 
h6 {	font-size:14px;}



/* Unordered list style
---------------------------------------- */

/* List */
ul.list {}
ul.list li { 
    background:url(images/icon1.gif) no-repeat 0 2px;
    padding:0 0 0 56px;
    position:relative;
    padding-bottom:15px;
    zoom:1;
}
ul.list .li { 		background:url(images/icon2.gif) no-repeat 0 2px;		}
ul.list .li1 { 		background:url(images/icon3.gif) no-repeat 0 2px;		}
ul.list .li2 { 		background:url(images/icon4.gif) no-repeat 0 2px;		}
ul.list .li3 { 		background:url(images/icon5.gif) no-repeat 0 2px;		}
ul.list .li4 { 		background:url(images/icon6.gif) no-repeat 0 2px;		}
ul.list .li5 { 		background:url(images/icon7.gif) no-repeat 0 2px;		}
ul.list .li6 { 		background:url(images/icon8.gif) no-repeat 0 2px;		}
ul.list .li7 { 		background:url(images/icon9.gif) no-repeat 0 2px;		}
ul.list li a {
    color:#00c9d6;
    font-weight:bold;
    text-decoration:none

}
ul.list li a:hover {
    text-decoration:underline

}
ul.list li ul {
    padding:9px 0 0 0;
    margin-bottom:-10px;
}


/* List1 */
ul.list1 {}
ul.list1 li { 
    background:url(images/marker.png) no-repeat 0 5px;
    padding:0 0 4px 23px;
    position:relative;
    zoom:1;
}
ul.list1 li a {
    color:#00c9d6;
    font-size:.92em
}
ul.list1 li ul {
    padding:9px 0 0 0;
    margin-bottom:-10px;
    color:#a7a7a7
}
ul.list1 li ul li { 
    background:none;
    padding:0 0 0px 23px;
    position:relative;
    zoom:1;
}
ul.list1 li ul li a {
    color:#a7a7a7;
    font-size:.92em
}
/* List2 */
ul.list2 {}
ul.list2 li { 
    background:url(images/marker.png) no-repeat 0 5px;
    padding:0 0 4px 23px;
    position:relative;
    zoom:1;
}
ul.list2 li a {
    color:#00c9d6;
    font-size:.92em;
    text-decoration:none
}
ul.list2 li a:hover{
    text-decoration: underline
}
ul.list2 li ul {
    padding:0px 0 0 0;
    margin-bottom:0px;
    color:#a7a7a7;
}
ul.list2 li ul li { 
    background:none;
    padding:0 0 0px 23px;
    position:relative;
    zoom:1;
}
ul.list2 li ul li a {
    color:#a7a7a7;
    font-size:.92em
}
/* List3 */
ul.list3 {}
ul.list3 li { 
    background:url(images/marker5.gif) no-repeat 0 5px;
    padding:0 0 4px 23px;
    position:relative;
    zoom:1;
}
ul.list3 li a {
    color:#a2a2a2;
    font-size:.92em;
    text-decoration:none
}
ul.list3 li a:hover{
    text-decoration: underline
}			
/* List4 */
ul.list4 {}
ul.list4 li { 
    background:url(images/marker6.gif) no-repeat 0 5px;
    padding:0 0 4px 23px;
    position:relative;
    zoom:1;
}
ul.list4 li a {
    color:#00c9d6;
    font-size:.92em;
    text-decoration:none
}
ul.list4 li a:hover{
    text-decoration: underline
}



/* News style*/
.news {
    padding-bottom:18px;
}
.news li {
    position:relative;
    padding:0 0 25px 70px;
    color:#000;
    height:1%;
}
.news li p.date {
    position:absolute;
    left:0;
    top:3px;
    background:#666;
    width:59px;
    height:69px;
    font-size:25px;
    line-height:64px;
    color:#fff;
    text-align:center;
    font-weight:bold;
}
.news li a.title {
    display:block;
    color:#8e8d8b;
    text-transform:uppercase;
    font-size:11px;
    margin-bottom:.5em;
}


/* Layouts navigation */
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important;}
.layouts-nav li { float:left; margin-right:20px; background:none !important; padding:0 !important;}
.layouts-nav li a {
    float:left;
    background:#333;
    padding:2px 10px;
    color:#fff;
    text-decoration:none;
    margin-right:10px;
    cursor:pointer;
    position:relative;
}
.layouts-nav li a:hover {
    background:#01cad6;
}


/* Ordered list style */
ol { padding-bottom:15px;}
ol li { 
    list-style-position:outside;
    list-style-type:decimal;
    margin-left:30px;
    padding-bottom:3px;
    font-size:12px;
    color:#00c9d6;
    font-weight:bold
}
ol li a{ 
    list-style-position:outside;
    list-style-type:decimal;
    font-weight:normal;
    text-decoration:none;
    font-size:12px;
    color:#a2a2a2;
}
ol li a:hover{ text-decoration:underline }

/* Definition list style */
dl dt { 
    font-weight:bold;
    font-size:1em;
    color:#535353;
}
dl dd {
    margin-bottom:1.5em;
    padding-left:50px
}

dl.def-list { padding-bottom:5px;}

dl.def-list dt {
    font-size:13px;
    color:#fff;
    width:100%;
    overflow:hidden;
    margin-bottom:1em;
    position:relative;
    z-index:0;
}
dl.def-list dt span {
    float:left;
    height:31px;
    line-height:31px;
    padding:0 14px;
    background:#19b6c5;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    behavior: url(js/PIE.htc);
}
dl.def-list dd {margin-bottom:2em;}


/* Table styling */
/*table { width:100%; border:2px solid #4cd2f6}

table thead th {
    text-align:left;
    color:#fff;
    border-right:1px solid #0dd6e2;
    border-bottom:3px solid #6bd8de;
    background:#01cad6;
    padding:15px 0px;
    text-align:center;
}
table tbody td {
    padding:10px 0px;
    text-align:center;
    background:#e8e8e8;
    border-right:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
}
table tr:hover td {
    background-color:#f5f5f5;
}*/



/*  Dropcaps style */
.dropcap_1 {
    font-size:41px;
    width:40px;
    line-height:1em;
    color:#474747;
    display:block;
    float:left;
    font-weight:bold;
    text-align:center;
}
.dropcap_2 {
    font-size:39px;
    background:url(images/dropcap.png) no-repeat 50% 0;
    text-align:center;
    width:52px;
    line-height:52px;
    color:#fff;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:8px;
}
.dropcap_3 {
    font-size:40px;
    width:40px;
    line-height:1em;
    color:#333;
    display:block;
    float:left;
    text-shadow:2px 2px 1px #ccc;
}


/*  Horizontal divider */
.hr {
    display:block;
    position:relative;
    padding:55px 0 35px 0;
    border:none;
    background:url(images/hr.gif) 0 50% repeat-x;
    height:2px;
    overflow:hidden;
    font-size:11px;
    margin:0 10px 0 0;
}
.hr a {
    position:absolute;
    right:0;
    top:25px;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    background:url(images/arrow-top.png) no-repeat 0 6px;
    padding-left:13px;
    color:#01cad6;
}
.hr a:hover { color:#000;}


/*  Buttons */
.button1 {
    display:inline-block;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    background:url(images/marker3.png) no-repeat 11px 10px #fff;
    padding:7px 24px 9px 40px;
    color:#5c5c5c;
    text-decoration:none;
    border-radius:21px;
    -moz-border-radius:21px;
    -webkit-border-radius:21px;
    behavior: url(js/PIE.htc);
    cursor:pointer;
    position:relative;
    border:1px solid #f6f6f6;
    box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
    -moz-box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
    -webkit-box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
}
.button1:hover {
    background:url(images/marker3.png) no-repeat 11px 10px #e5e5e5;
    text-decoration:none;
}
.button2 { 
    display:inline-block;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:40px;
    height:40px;
    background:url(images/marker3.png) no-repeat 7px 12px #fff;
    padding:0 9px 0 30px;
    color:#5c5c5c;
    text-decoration:none;
    border-radius:20px;
    border:1px solid #f6f6f6;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    behavior: url(js/PIE.htc);
    cursor:pointer;
    position:relative;
}
.button2:hover {
    background:url(images/marker3.png) no-repeat 7px 12px #e5e5e5;
    text-decoration:none;
}

.button3 {
    background:#484848;
    text-decoration:none;
    color:#fff;
    display:inline-block;
    text-shadow:none;
    padding:0px 18px 0px 18px;
    line-height:25px;
    height:25px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    behavior: url(js/PIE.htc);
    cursor:pointer;
    position:relative;
}
.button3:hover {
    background:#01cad6;
    color:#fff;
}.button4 {
    background:#01cad6;
    text-decoration:none;
    color:#fff;
    display:inline-block;
    text-shadow:none;
    padding:0px 18px 0px 18px;
    line-height:25px;
    height:25px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    behavior: url(js/PIE.htc);
    cursor:pointer;
    position:relative;
}
.button4:hover {
    background:#000;
    color:#fff;
}
label.error
{
    background :url("images/unchecked.gif") no-repeat scroll 0 0 transparent;
color:red;
magin-left: 0.3em;
padding-left: 16px;
}

/*.button.style2 {
    background:#838383;
}
.button.style2:hover {
    background:#333;
}*/


.line-hor { 
    background:#3a3c52;
    height:1px;
    overflow:hidden;
    font-size:0;
    line-height:0;
    margin:20px 0 20px 0;
}




/* Blocks and Boxes style
---------------------------------------- */
.box{ background:#ececec; color:#575757}
.box .indent-box{padding:30px 20px 28px 33px}
.box .txt{ font-size:28px; color:#6f6f6f; display:block; margin-bottom:11px; line-height:1.16em}


.box1{ background:#fafafa; }
.box1 .indent-box{padding:30px 20px 28px 33px}
.box1 .indent-box1{padding:28px 5px 25px 25px}
.bg_1{ background:url(images/img.png) top left no-repeat}

.txt1{ color:#01cad6; font-weight:bold}
.txt-1{ color:#01cad6;}
.txt-1 strong{ color:#01cad6;}
.txt-1 b{ padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}
.txt-2{ color:#575757;}
.txt-2 strong{ color:#575757;}
.txt-2 b{padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}
.txt-3{ color:#a7a7a7;}
.txt-3 strong{ color:#a7a7a7;}
.txt-3 b{ padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}

.txt2{ color:#575757; font-size:14px; font-style:italic; line-height:1.57em}
.box1 .txt{ font-size:28px; color:#6f6f6f; display:block; margin-bottom:11px; line-height:1.16em}


.content-box {
    padding:24px 0 18px 0px;
}

.block {
    background:#f0f0f0;
    padding:6px 7px 16px 7px;
}

/* Block1 */
.block1 {
    border-bottom:1px solid #323031;
    border-top:1px solid #000;
    background:#161415;
    padding:16px 16px 13px 16px;
}
.block1 h5 {
    font-size:21px;
    line-height:1.2em;
    margin-bottom:.5em;
    text-shadow:1px 1px 0 #000;
    color:#cfcfcf;
    font-weight:normal;
}

/* Supported list */	
.supported-list {
    width:100%;
    overflow:hidden;
}
.supported-list li {
    float:left;
    background:url(images/line-ver.gif) 100% repeat-y !important;
    padding:0 0 0 0 !important;
    width:195px;
    margin:0 0 0 12px;
}
.supported-list li.first {
    margin-left:0;
}
.supported-list li.last {
    padding-right:0;
    background:none !important;
}
.supported-list li .inside {
    padding:0 12px 0 0 !important;
}
.supported-list li p.img-wrapper {
    overflow:hidden;
    position:relative;
}
.supported-list li p.img-wrapper img {
    padding:0;
}

/* Information box */
.info-box {
    border:1px solid #68a2cf;
    padding:14px 30px 14px 110px;
    color:#64757f;
    font-size:11px;
    margin-bottom:20px;
    background:#e1f2fc;
    position:relative;
    height:1%;
}
.info-box p.icon {
    position:absolute;
    left:34px;
    top:10px;
    margin:0;
}

/* Download box */
.download-box {
    border:1px solid #a3c159;
    padding:14px 30px 14px 110px;
    color:#64757f;
    font-size:11px;
    margin-bottom:20px;
    background:#eeffdd;
    position:relative;
    height:1%;
}
.download-box p.icon {
    position:absolute;
    left:34px;
    top:10px;
    margin:0;
}

/* Notification box */
.notification-box {
    border:1px solid #9b9b9b;
    padding:14px 30px 14px 110px;
    color:#64757f;
    font-size:11px;
    margin-bottom:20px;
    background:#f6f6f6;
    position:relative;
    height:1%;
}
.notification-box p.icon {
    position:absolute;
    left:34px;
    top:10px;
    margin:0;
}

/* Error message box */
.error-box {
    border:1px solid #ff9999;
    padding:14px 30px 14px 110px;
    color:#64757f;
    font-size:11px;
    margin-bottom:20px;
    background:#ffeded;
    position:relative;
    height:1%;
}
.error-box p.icon {
    position:absolute;
    left:34px;
    top:10px;
    margin:0;}

   







/* Header
---------------------------------------- */

/* Logo */
header .logo {
    position:absolute;
    left:0;
    top:74px;
}

/* Navigation */
header nav {
    position:absolute;
    left:10px;
    top:161px;
    width:943px;
    z-index:900;
}

/* Phone number */
header .phone {
    position:absolute;
    right:0;
    top:104px;
    font-size:28px;
    line-height:1.2em;
    color:#8e8d8d;
    text-align:right;
}
header .phone strong {color:#8e8d8d; font-weight:normal;}
header .phone span {
    display:block;
    font-size:11px;
    color:#5c5c5c;
    text-transform:uppercase;
    margin-top:-12px;
}

/* Twitter link */
header .twitter-link {
    position:absolute;
    right:1px;
    top:182px;
    background:#fff;
    font-size:11px;
    height:53px;
    line-height:53px;
    z-index:100;
}
header .twitter-link a {
    display:block;
    color:#616161;
    padding:0 71px 0 0;
    text-decoration:none;
    text-transform:uppercase;
}




/* Main banner
---------------------------------------- */
.main-banner {
    height:381px;
    overflow:hidden;
    background:url(images/bg_banner.gif) top left repeat-x;
    margin-left:10px;
    width:940px;
    position:relative;
}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
    padding:30px 0 15px 0;
    min-height:500px;
}
.error_page h1 {
    font-size:60px;
    margin-top:50px;
    margin-left:47px
}

/* Under Construction page =====*/
#constuction-box {
    width:800px;
    height:500px;
    position:relative;
    left:50%;
    top:50%;
    margin-left:-400px;
    margin-top:-250px;
    background:#eae9e7;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-color:#ccc;
    box-shadow:0 0 10px #999;
    -moz-box-shadow:0 0 10px #999;
    -webkit-box-shadow:0 0 10px #999;
    text-align:center;
    behavior:url(js/PIE.htc);
}
#constuction-box .inside {
    padding:40px 40px 40px 40px;
}
#constuction-box .button {
    position:relative;
}
#constuction-box h1 {
    font-weight:700;
    text-align:center;
    font-size:4em;
    margin-bottom:.2em;
    line-height:1.2em;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
    padding-bottom:10px;
}
#constuction-box h1 span { 
    text-transform:uppercase;
    color:#fbb91f;
    display:block;
    margin-bottom:-15px;
}

/* Countdown */
#countdown_dashboard {
    height: 110px;
    padding:30px 0 40px 0;
    width:650px;
    margin:0 auto;
    position:relative;
}
.dash {
    width: 110px;
    height: 114px;
    background: transparent url('images/dash.png') 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}

.dash .digit {
    font-size:75px;
    line-height:85px;
    font-weight: bold;
    float: left;
    width: 55px;
    text-align: center;
    font-family:"Times New Roman", Times, serif;
    color: #555;
    position: relative;
}
.dash .digit .bottom {
    font-size:75px;
    line-height:85px;
}

.dash_title {
    position: absolute;
    display: block;
    bottom: 0px;
    left:0;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 2px;
    width:110px;
}

.dev_comment {
    font-size: 14pt;
    color: #777;
    text-align: center;
    font-style: italic;
    margin: 40px 10px;
}

#subscribe_form {
    position: relative;
} 

#email_field {
    font-size: 16pt;
    padding: 6px 10px;
    width: 300px;
}

#subscribe_button {
    font-size: 14pt;
    color: #333;
    padding: 4px 8px;
}

.copyright {
    font-size: 9pt;
    color: #333;
    margin: 40px 0px;
}

.faded {
    color: #999;
}

.form_message {
    width: 400px;
    padding: 10px;
    margin: 15px auto;
    display: none;
}

#error_message {
    background-color: #ffe;
    border-left: 5px solid #bb3;
    border-right: 5px solid #bb3;
    color: #770;
}

#info_message {
    background-color: #f0f9ff;
    border: 1px solid #eef;
}

#loading {
    text-align: center;
    margin: 10px;
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
}

/* Intro page */
#intro-box {
    width:600px;
    height:400px;
    position:relative;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-200px;
    background:#eae9e7;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-color:#ccc;
    box-shadow:0 0 10px #999;
    -moz-box-shadow:0 0 10px #999;
    -webkit-box-shadow:0 0 10px #999;
    text-align:center;
    behavior:url(js/PIE.htc);
    float:left;
}
#intro-box .inside {
    padding:40px 40px 40px 40px;
}
#intro-box h1 {
    font-weight:700;
    text-align:center;
    font-size:4em;
    margin-bottom:.2em;
    line-height:1.2em;
    position:absolute;
    left:0;
    top:-90px;
    text-align:center;
    width:600px;
    overflow:hidden;
    height:100px;
    color:#03cbd5;
}
#intro-box h1 span { 
    text-transform:uppercase;
    color:#1fb7c4;
    display:block;
    margin-bottom:-15px;
}
#intro-box .button {
    position:absolute;
    right:30px;
    bottom:20px;
    float:right;
    white-space:nowrap;
}
.intro-buttons {
    width:500px;
    padding:0 50px;
    position:absolute;
    left:0;
    bottom:50px;
}
#flash-intro {
    margin-bottom:20px;
    position:absolute;
    left:23px;
    top:20px;
}



/*===== looperSlider =====*/
/*
 * Required 
*/
#loopedSlider {	height:381px;}

#loopedSlider .container { width:940px; height:391px; overflow:hidden; position:relative; margin:0; font-size:12px; color:#ffffff}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides .div { position:absolute; top:0; width:940px; }
#loopedSlider .slides .div img { float:right; right:0; position:absolute}

#loopedSlider .info-text{ width:340px; height:391px; line-height:1.42em; font-size:14px;}
#loopedSlider .indent-info{padding:55px 23px 25px 45px;}
#loopedSlider .info-text h2{ color:#fff; font-size:48px; border-bottom:1px solid #37d7d8; margin-bottom:21px; padding-bottom:21px}
#loopedSlider .info-text .tail{ border-bottom:1px solid #30d1dc; margin-bottom:21px; padding-bottom:95px;}
#loopedSlider .info-text a{ color:#fff; font-size:24px; background:url(images/marker5.png) top left no-repeat; padding-left:30px; text-decoration:none; float:right}
#loopedSlider .info-text a:hover{ color:#0affc9; text-decoration:none}

/*
 * Optional
*/
#loopedSlider,#newsSlider { width:940px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left;}
ul.pagination li a { 	display:none}

/*--------------------*/




/* Content
---------------------------------------- */		

/* Lightbox image */
.lightbox-image {
    position:relative;
    overflow:hidden;
    display:block;
}
.lightbox-image img {
    position:relative;
    z-index:2;
}
.lightbox-image span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(images/magnify.png) no-repeat 50% 50%;
    z-index:1;
}

/* Pagination */
.pagination {
    display:block;
    width:100%;
    overflow:hidden;
}
.pagination a {
    float:left;
    font-size:11px;
    color:#000;
    text-decoration:none;
    text-transform:uppercase;
    line-height:31px;
    padding-left:14px;
}
.pagination a:hover {
    text-decoration:underline;
}
.pagination ul {
    float:left;
    padding:0 3px 0 18px;
}
.pagination ul li {
    float:left;
    padding-left:1px;
    margin-right:1px;
    padding:0 0 0 0 !important;
    background:none !important;
}
.pagination ul li span {
    width:31px;
    float:left;
    text-align:center;
    color:#000;
}
.pagination ul li a {
    font-size:15px;
    color:#000;
    text-decoration:none;
    width:31px;
    line-height:31px;
    height:31px;
    text-align:center;
    background:#e9e9e9;
    padding:0;
}
.pagination ul li a:hover {
    background:#19b6c5;
    text-decoration:none;
    color:#fff;
}


/* Other */
figure { 
    margin:0 23px 0 0;
    background:#6b6b6b;
    color:#FFF;
    float:left;
}
figure figcaption {
    color:#6b6a6a;
    color:#FFF;
    text-align:center;
    padding:11px 0 11px 0;
    font-size:18px;
}

figure.fright {
    float:right;
    margin:4px 0 0 26px;
}

.img-box { 
    width:100%;
    overflow:hidden;
    padding-bottom:20px;
}
.img-box img.fleft {
    float:left;
    margin-right:15px;
}


.extra-wrap { 
    overflow:hidden;
}


/* Postal address */
.address { 
    float:left;
    margin-right:30px;
}
.address.last {
    margin-right:0;
}
.address dt {
    font-weight:normal;
    color:#6b6a6a;
}
.address dd { 
    clear:both;
    margin:0 0 0 0 !important;
}
.address dd span { 
    float:left;
    width:90px;
}



/* Forms
---------------------------------------- */

/* Forms default */
input, select, textarea { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    vertical-align:middle;
    font-weight:normal;
}

.width-100 {
    width: 100% !important;
}

.width-90 {
    width: 90%;
}

.width-60 {
    width: 60%;
}

.width-30 {
    width: 30%;
}

/* Newsletter form */
#newsletter-form fieldset {
    border:none;
}
#newsletter-form a { 
    color:#fff;
    font-weight:bold
}
#newsletter-form .field {
    overflow:hidden;
    margin-bottom:8px;
}
#newsletter-form input[type=text] {
    width:198px;
    padding:5px 12px 5px 14px;
    border:none;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    cursor: auto;
    behavior:url(js/PIE.htc);
    position:relative;
    color:#a7a7a7;
    margin-right:3px;
    background:#fff;
}
#newsletter-form input[type=submit] {
    width:89px;
    height:25px;
    background:#484848;
    position:relative;
    border:none;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    cursor:pointer;
    behavior:url(js/PIE.htc);
    color:#fff;
}


/* Login form */
#login-form {
    position:absolute;
    right:25px;
    top:93px;
    width:198px;
    margin:0;
    padding:0
}
.rowElem1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.rowElem2{ height:45px; background:url(images/bg_input1.gif) top left no-repeat}
.input{
    border:none;
    background:none;
    width:150px; height:20px;
    font-size:1em;
    margin:0;
    color:#000;
    padding-left:14px;
    padding-top:2px;
    padding-bottom:2px;
}.input1{
    border:none;
    background:none;
    width:270px; height:20px;
    font-size:1em;
    color:#000;
    padding-left:9px;
    padding-top:6px;
    padding-bottom:6px;
}
#login-form fieldset {
    border:none;
}
#login-form input[type=text] {
    background:none;
    border:none;
    color:#969696;
}
#login-form input[type=password] {
    background:#4d4d4d;
    border:none;
    padding:3px 0 3px 4px;
    width:92px;
    margin-right:5px;
    color:#fff;
}
#login-form input[type=submit] {
    width:30px;
    height:22px;
    background:#fff;
    border:1px solid #000;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    cursor:pointer;
    color:#2f2f2f;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow:0 1px 0 #f1f1f1;
}


/* Contact form */
#contact-form {
    overflow:hidden;
    position:relative;
    vertical-align:top;
}
#contact-form fieldset {
    border:none;
    padding:0;
}
#contact-form .field {
    overflow:hidden;
    padding:0 0 7px 4px;
}
#contact-form input[type=text] {
    width:349px;
    padding:9px 10px 9px 10px;
    background:#fff;
    border:1px solid #dfe6ea;
    display:block;
    color:#6b6a6a;
}
#contact-form.main-contacts .field input {
    margin-top:4px;
}
#contact-form textarea {
    width:520px;
    height:130px;
    background:#fff;
    border:1px solid #dfe6ea;
    padding:9px 10px 9px 10px;
    overflow:auto;
    margin:0 0 4px 4px;
    display:block;
    color:#6b6a6a;
}
#contact-form a {
    cursor:pointer;
}
#contact-form .alignright {
    padding-top:12px;
}
#contact-form small {
    color:red;
    font-weight:bold;
    padding:0 0 0 5px;
}
#contact-form label {
    padding:0 0 2px 5px;
    display:inline-block;
}
#contact-form strong {
    padding:0 0 2px 9px;
    display:inline-block;
    color:#838383;
}
#contact-form .error {
    color:red;
}
.buttons-wrapper {
    padding-top:30px;
    margin-bottom:5px;
    height:40px
}

#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
#contact-form.main-contacts .buttons-wrapper a {
    float:right !important;
    margin:0 0 0 12px;
}




/* Newsletter-form */
#newsletter-alt-form fieldset {
    border:none;
}
#newsletter-alt-form input[type=text] {
    width:215px;
    padding:7px 0 7px 10px;
    background:#f9f9f9;
    border:none;
    color:#686666;
    border:1px solid #e2e2e2;
    border-right:1px solid #bababa;
    border-left:1px solid #bababa;
    border-top:1px solid #bababa;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    behavior:url(js/PIE.htc);
    margin-right:12px;
    font-size:12px;
    position:relative;
}
#newsletter-alt-form input[type=submit] {
    width:75px;
    height:32px;
    background:#3dc1cc;
    border:none;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    behavior:url(js/PIE.htc);
    position:relative;
    cursor:pointer;
    color:#fff;
    font-weight:bold;
    font-size:12px;
}



/* SlideDown element */
.slideDown {
    padding:0 1px 0 0;
}
.slideDown dt {
    background-color:#333132;
    background-image:url(images/arrow1.gif);
    background-repeat:no-repeat;
    background-position:100% 16px;
    box-shadow:1px 1px 1px #d1d1d1;
    -moz-box-shadow:1px 1px 0 #d1d1d1;
    -webkit-box-shadow:1px 1px 0 #d1d1d1;
    color: #fff;
    padding:9px 0 9px 21px;
    margin-bottom:4px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    font-size:12px;
    cursor:pointer;
    margin-bottom:10px;
}
.slideDown dt:hover, .slideDown dt.active {
    background-color:#01cad6;
    color:#fff;
    text-shadow:0 0 5px #fff;
}
.slideDown dt.active {
    background-image:url(images/arrow2.gif);
}

.slideDown dd {
    display:none;
    padding:10px 20px 20px 20px;
}
.slideDown.absolute dd {
    position:absolute;
    background:#fff;
}




/* Accordion */
dl#accordion {
    list-style-type:none;
    margin: 0 !important;
    padding: 0 2px 0 0;
    height:auto !important;
}
dl#accordion .indent {
    padding-top:7px !important;
    padding-bottom:5px !important;
}

dl#accordion a {
    display: block;
    text-decoration: none;
}

dl#accordion dt {
    margin-top:1px;
    margin-left:0 !important;
}
dl#accordion dt a {
    background-color:#333132;
    background-image:url(images/arrow1.gif);
    background-repeat:no-repeat;
    background-position:100% 16px;
    box-shadow:1px 1px 1px #d1d1d1;
    -moz-box-shadow:1px 1px 0 #d1d1d1;
    -webkit-box-shadow:1px 1px 0 #d1d1d1;
    color: #7f7f7f;
    padding:9px 0 9px 21px;
    margin-bottom:4px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    font-size:12px;
}

dl#accordion dd{ padding-left:30px !important}

dl#accordion dt a:hover {
    background-color:#8e8d8b;
    color:#fff;
}

dl#accordion dt.active a{
    background-color:#ccc;
    background-image:url(images/arrow2.gif);
    color:#333;
}

dl#accordion dd {
    display:none;
    margin-bottom:0;

}
dl#accordion dd .indent {
    padding:10px 30px 14px 0px !important;
}
dl#accordion dd a {
    display:inline;
    background:none;
    padding:0;
    font-weight:bold;
    width:auto;
    text-decoration:underline;
}
dl#accordion dd a:hover {
    text-decoration:none;
    background:none;
}
.sub_menu  li {
    list-style:none;
    line-height:30px!important;
    padding-left:0 !important;
    background:none !important;
    padding:0px 0 !important
}
.sub_menu li a {
    font-size:12px !important;
    line-height:30px!important;
}


/* Tooltips */
.aToolTip {
    border:2px solid #444;
    background:#555;
    color:#fff;
    margin:0;
    padding:2px 8px;
    font-size:11px;
}

.aToolTip .aToolTipContent {
    position:relative;
    margin:0;
    padding:0;
}

a.aToolTipCloseBtn {
    display:block;
    height:20px;
    width:20px;
    overflow:hidden;
    background:url(images/close.gif) no-repeat;
    text-indent:-9999px;
    outline:none;
    position:absolute;
    top:-15px;
    right:-20px;
}


/* Coin Slider */
#coind-slider { overflow:hidden;}
.coin-slider { 
    overflow: hidden;
    zoom: 1;
    position: relative;
    padding-bottom:30px;
}
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { 
    font-size: 0px;
    padding: 10px;
    float: left;
}
.cs-buttons a { 
    margin-left: 5px;
    height: 10px;
    width: 10px;
    float: left;
    border: 1px solid #322e30;
    background:#322e30;
    color: #01cad6;
    text-indent: -9999em;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
.cs-buttons a:hover,
.cs-buttons a.cs-active { 
    background-color: #01cad6;
    border: 1px solid #01cad6;
    color: #fff;
}

.cs-title { 
    width:100%;
    padding: 10px 0;
    background-color: #000;
    color: #fff;
    text-indent:10px;
}

.cs-prev, 
.cs-next { 
    background-color: #000;
    color: #fff;
    padding: 0px 10px;
}
.cs-prev:hover,
.cs-next:hover { background:#01cad6;}


/* Gallery */
#galleryfic_gallery {
    padding-bottom:50px;
    width:100%;
    overflow:hidden;
}
div.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width:940px;
    position:relative;
    z-index:10;
    margin-bottom:20px;
    padding:0
}
div.content a, div.navigation a {
    text-decoration: none;
    color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
    text-decoration: underline;
}
div.slideshow-container {
    position: relative;
    clear: both;
    height:481px; /* This should be set to be at least the height of the largest image in the slideshow */
    z-index:10
}
.advanced_gallery div.slideshow-container {
    width:60%;
    overflow:hidden;
}
div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}
div.slideshow {
    height: 381px;
    width:940px;
    overflow:hidden;
}
div.slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 473px;
    width:940px;
}
div.slideshow a.advance-link {
    display: block;
    width: 940px;
    height: 473px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: left;
    overflow:hidden;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
    text-decoration: none;
}
div.slideshow img {
    position:absolute;
    left:0;
    top:0;
}
div.slideshow.noborder img {
    padding:0;
    margin:0;
    border:none;
}
div.caption-container {
    position: relative;
    clear: left;
    height:40px;
}
.advanced_gallery div.caption-container {
    position:absolute;
    right:0;
    top:0;
    width:40%;
}
span.image-caption {
    display: block;
    position: absolute;
    width:940px;
    float:left;
    top: 0;
    left: 0;
}
div.caption {
    padding:62px 20px 27px 20px;
    overflow:hidden;
    width:340px;
}
div.caption h2 {
    background:#fff;
}
div.caption h4 {
    float:left;
    background:#fff;
}
div.image-desc {
    font-size:10px;
    text-transform:uppercase;
    float:right;
    padding:8px 0 0 0;
}
div.navigation {
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}
ul.thumbs li {
    float: left;
    padding:1px !important;
    background:none !important;
    list-style: none;
    margin:0 4px 0 0;
    border:1px solid #ddd;
    margin-bottom:4px;
}
ul.thumbs li.last {
    padding-right:0;
}
a.thumb {
    display: block;
}
ul.thumbs li.selected a.thumb {
}
a.thumb:focus {
    outline: none;
}
ul.thumbs img {
    border: none;
    display: block;
}


/* Kwicks */
.kwicks-wrapper {
    width:940px;
    overflow:hidden;
}
.kwicks-box {
    border:1px solid #323232;
    padding:12px;
}

.kwicks {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow:hidden;
    height:396px;
    background:#000;
}
.kwicks li{
    /* these are required, but the values are up to you (must be pixel) */
    width: 158px;
    height: 396px;
    /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    cursor:pointer;
    opacity:.5;
    filter: alpha(opacity=50);
    background:none !important;
}
.kwicks li.active {
    opacity:1;
    filter: alpha(opacity=100);
}
.kwicks.horizontal li {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
    margin-right: 0; /*Set to same as spacing option. */
    float: left;
}	

.kwicks_vertical {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow:hidden;
    width:950px;
    height:396px;
    background:#000;
}
.kwicks_vertical li{
    /* these are required, but the values are up to you (must be pixel) */
    height: 196px;
    /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    cursor:pointer;
    float:none;
    opacity:.5;
    filter: alpha(opacity=50);
}
.kwicks_vertical li.active {
    opacity:1;
    filter: alpha(opacity=100);
}


/* Superfish Dropdown Menu */
.sf-menu {
    margin:			0;
    padding:		0;
    list-style:		none;
    float:	left;
 z-index:900000000
}
.sf-menu {
    line-height:	1.0;

}
.sf-menu a {
    text-decoration:none;
     font-weight:normal;
    color:#6F6F6F;
    text-decoration:none;
    font-family: "Arial", Helvetica, sans-serif;
    width:157px; height:67px;
    text-align:center;
    line-height:67px;
    display:block;
    background:url(images/bg_menu.gif) top left no-repeat;
    zoom:1;
}
.sf-menu a:hover, .sf-menu a.current	  { /* visited pseudo selector so IE6 applies text colour*/
                                         background: url(images/bg_menu-act.gif);
                                          color:#FFFFFF;
                                      
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    position:	relative;
    background:none !important;
    float:left;
    line-height:67px;
    font-size:22px;
    cursor: pointer;
}
.sf-menu li li {
    font-size:12px;
    font-weight:normal;
    text-transform:none;
    text-align:left;
    line-height:25px;
    border:none;
}
.sf-menu li li a {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    background:#86d6d0;
    color:#6b6a6a;
    line-height:25px;
    text-align:left;
    padding-left:10px;
    height:25px;
    overflow:hidden;
    display:block;
    width:146px;
    text-transform:capitalize;
    cursor: pointer;
}
.sf-menu li li a:hover, .sf-menu li li a.current {
    color:#000;
    background:#e5e5e5;
}
.sf-menu li li li a:hover, .sf-menu li li li a.current {
    color:#000;
    background:#e5e5e5 !important;
}

.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			67px; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			156px; /* match ul width */
    top:			0;
    margin-left:1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:		0;
}
.sf-menu a.sf-with-ul {
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			10px;
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
                         top:50%;
                         margin-top:-2px;
}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator {
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}


/* Tabs */
.tabs {
    clear: left;
    float: left;
    margin: 15px 0 30px 0;
}
.tabs ol {
    list-style-type: decimal;
    margin: 0 0 0 20px;
}
.tabs ol li {
    display: list-item;
    float: none;
    padding-bottom:5px !important;
    font-size:12px;
    color:#6b6a6a;
}

.tabs ul.nav { width:100%;}

.tabs ul {
    float: left;
    list-style: none;
    margin: 0 0 5px 0 !important;
    padding:0 0 0 0 !important;
}
.tabs li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    background:none !important;
    padding:0 0 0 0 !important;
}
.tabs .selected {
    margin-bottom: -5px;
    position: relative;
}
.tabs .selected a {
    background: #f0f0f0;
    color: #000;
    padding-bottom: 10px;
}
.tabs a:hover {
    background: #f0f0f0;
    color: #000;
}

.tabs a {
    background:#000;
    color: #fff;
    display: block;
    padding:5px 10px;
    text-decoration: none;
}

.tabs .tab-content {
    background: #f0f0f0;
    clear: both;
    width:100%;
    max-width:940px;
    overflow:auto;
}
.tabs .tab-content .inner {
    padding:10px;
}

.tabs p { margin-bottom: 5px; }
.tabs .tab-content strong { color:#000;}

.tabs pre {
    margin:4px 0;
}
.tabs code {
    overflow:auto;
}
*+html .tabs code { overflow:visible;}


/* Twitter */
#twitter {
    margin-bottom: 2em;
}

#twitter h2 {
    margin: 0 0 5px 0;
    padding:.5em 1em;
    font-size: 1.5em;
    color: #fff;
    background-color: #888;
    letter-spacing:0;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#preloader {
    margin: 0;
    padding: 1em 1em 1em 3em;
    text-indent:10px;
    background: transparent url(images/loader.gif) 1em center no-repeat;
    /* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
}
ul#twitter_update_list li {
    margin: 0;
    padding: 0.8em 0 1em 1em !important;
    background:#f0f0f0;
    margin-bottom:7px;
}
ul#twitter_update_list li:hover {
    background-color:#01cad6;
    color:#fff;
}
ul#twitter_update_list li:hover a {
    color:#000;
}

ul#twitter_update_list li a {
    /* timestamp link */
    color: #000;
}

ul#twitter_update_list li span {
    display: block;
}

ul#twitter_update_list li span a {
    /* links in tweet */
    color: #01cad6;
}

ul#twitter_update_list li.firstTweet {

}
ul#twitter_update_list li.lastTweet {
    border-bottom: none;
}

a#profileLink {
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000;
}


/* Elements list */
.elements-list li {
    background:none !important;
    padding:0 0 12px 0 !important;
    position:relative;
}
.elements-list li code {
    position:absolute;
    right:0;
    top:-3px;
    padding:2px 3px 1px 3px;
    border:1px dotted #333;
}



/*======================================================*/

/* Code grabber */
.code {
    padding:30px 0 10px 0;
}
.code a.code-icon {
    margin-bottom:10px;
}
.code a.code-icon i {
    padding-right:6px;
    font-style:normal;
}
.code div.grabber {
    display:none;
}
.code code {
    padding:0 10px 0 10px;
    background:#f6f6f6;
    color:#333;
    border:1px solid #dfdfdf;
    white-space:pre;
    overflow:auto;
}

/* Advanced Menu */
#advanced {
    position:fixed;
    z-index:999;
    right:-172px;
    top:50px;
    background:#181818;
    padding:20px 16px 20px 18px;
    width:135px;
    font-size:11px;
    border-right:3px solid #3a3a3a;
    font-family:Tahoma, Geneva, sans-serif;
    color:#dfdfdf;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
#advanced span.trigger {
    display:block;
    position:absolute;
    left:-81px;
    top:50%;
    margin-top:-160px;
    width:81px;
    height:50px;
    background:#fff;
    cursor:pointer;
    text-align:center;
    background:url(images/panel/adv-trigger.png) no-repeat 0 0;
}
#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
#advanced ul li {
    background:url(images/panel-arrow.gif) no-repeat 0 6px;
    padding:0 0 0 13px;
    font-size:12px;
}
#advanced ul li.trigger_adv {
    padding:0 0 0 0;
}
#advanced ul li.trigger_adv > span {
    background:url(images/panel-arrow2.gif) no-repeat 100% 8px #636363;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:0 20px 0 12px;
    color:#dfdfdf;
    font-weight:bold;
    display:inline-block;
}

#advanced ul li a {
    color:#4393d0;
    text-decoration:none;
}
#advanced ul li a:hover {
    text-decoration:underline;
}
#advanced ul ul {
    margin-left:13px;
}
#advanced ul ul li {
    font-size:11px;
    background:url(images/panel-arrow1.gif) no-repeat 0 7px;
}
#advanced ul ul a {
    text-transform:capitalize;
    color:#dfdfdf;
}
#advanced ul ul ul {
    margin-left:8px;
}
#advanced ul ul ul li {
    background:none;
}
#advanced ul ul ul li a {
    color:#939393;
}

/* Language style */
header .languages {
    position:absolute;
    right:35px;
    top:124px;
    font-size:18px;
    height:31px;

    z-index:100;
}
header  .languages table
{ border:0px;
}
header  .languages table thead th {

    background: none;

}
header  .languages table tbody td {
    border:0px;
}
header  .languages table tr:hover td {
    border:0px;
    background-color:#FFFFFF;
}

#languages-thai {

    background:url(images/f_thai_none.png) no-repeat ;
   
    text-decoration:none;
}
#languages-thai-click {

    background:url(images/f_thai.png) no-repeat ;
text-decoration:none;
}
 .languages-thai:hover{

    background:url(images/f_thai_hover.png) no-repeat ;

}
 #languages-eng {
    background:url(images/f_eng_none.png) no-repeat ;
    text-decoration:none;
}
#languages-eng-click {
    background:url(images/f_eng.png) no-repeat ;
    text-decoration:none;
}
#languages-jap {
    background:url(images/f_jap_none.png) no-repeat ;
    text-decoration:none;
}
#languages-jap-click {
    background:url(images/f_jap.png) no-repeat ;
    text-decoration:none;
}

 #languages-china {
    background:url(images/f_chaina_none.png) no-repeat ;
     text-decoration:none;
}
#languages-china-click {
    background:url(images/f_chaina.png) no-repeat ;
     text-decoration:none;
}

/* Select full_width */
/* full_width : for span
    width-100 : for div and selector*/
div.selector.full_width {
  width: 190px;
  font-size: 12px;
}

div.selector.full_width select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector.full_width span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector.full_width span {
  color: #666;
 /* width: 88%; 465*/
  /* @TODO : use repeat backgroud-x by width 90% */
/*  background-repeat: repeat-x !important;*/
  text-shadow: 0 1px 0 #fff;
}

div.selector.full_width.disabled span {
  color: #bbb;
}

/* End Select full_width */

/*Custom Form style*/
.display_none {
    display: none !important;
}
/*End Custom Form style*/